<style>
.fe-mod {
    height: auto;
    border: 0px;
    position: relative;
}
.fe-mod-9-menu {
    background: #44abf7;
}
.fe-mod:hover {
    border: 0px;
}
.fui-icon-group .fui-icon-col .icon {
    height: 68px;
    margin: auto;
    text-align: center;
    line-height: 68px;
}
.fui-icon-group .fui-icon-col .icon i {
    color: #aaa;
    font-size: 58px;
}
.group-top {
    border-top: 0px solid #d9d9d9;
	background: inherit; margin-top: 10;
}
.footer {
	height:68px;padding:20px;width:100%
}
.footer p{
	margin:0;
	font-size: 0.5rem;
}
</style>
<div id="carousel-container" class="carousel slide" data-role="carousel" data-param-auto="true">
	<div class="carousel-inner" role="listbox">
		<div ng-repeat="nav in pagedata.navs" ng-class="{'item':true,'active':$index==0}">
			<a href="{{nav.url}}">
				<img ng-src="{{tomedia(nav.picurl)}}" style="display: block; width: 100%; height: auto;"/>
			</a>
		</div>
	</div>
	<style>
            .fui-swipe-page .fui-swipe-bullet {background: #fff;}
            .fui-swipe-page .fui-swipe-bullet.active {opacity: 1;}
    </style>
	<div id="carousel-jinyun" class=" fui-swipe-page" style="bottom: 10px; ">
		<div class="fui-swipe-bullet" ng-repeat="nav in pagedata.navs" data-target="#carousel-container" data-slide-to="{{$index}}" ng-class="{'active':$index==0}"></div>
	</div>
</div>
<!--<div class="group-top">
     <div class="fui-list jump text-center">
                <a class="fui-list-inner" href="">
                    <div class="title" style="color: #333333;">没有比这更全面的小程序功能</div>
                     <div class="subtitle" style="color: #666666;">我们的每个小程序的背后 都有一系列你看不见的深度功能支撑</div>
                 </a>
      </div>
</div>
<div class="row" style="background-color:#fff;">
			<div class="jy-3">
				<div class="page-header margin0" style="margin-left:20px;margin-top:20px">
					<h4 style="margin-bottom:2px">电商交易</h4>
					<p class="subtitle">e-commerce</p>
				</div>
				<div class="list-group" style="padding:px;padding-top:;padding-left:">
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						小程序商城
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						多级分销
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						拼团活动
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						电商O2O
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						收银支付
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						超市/配送
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						多商户
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						区域代理
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						整点秒杀
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						商品直播
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						淘宝/京东客
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						店铺装修
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						手机端管理
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						全民股东
					</a>
				</div>
			</div>
			<div class="jy-3">
				<div class="page-header margin0" style="margin-left:20px;margin-top:20px">
					<h4 style="margin-bottom:2px">行业应用</h4>
					<p class="subtitle">apply</p>
				</div>
				<div class="list-group" style="padding:px;padding-top:;padding-left:">
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						食堂点餐
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						餐饮外卖
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						酒店预订
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						服务预约
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						智慧店铺
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						微信挪车
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						智慧社区
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						智慧城市
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						智慧论坛
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						智慧直播
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						萌娃投票
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						快递配送
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						微信二手车
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						智慧物流
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						智慧教育
					</a>
				</div>
			</div>
			<div class="jy-3">
				<div class="page-header margin0" style="margin-left:20px;margin-top:20px">
					<h4 style="margin-bottom:2px">会员互动</h4>
					<p class="subtitle">marketing</p>
				</div>
				<div class="list-group" style="padding:px;padding-top:;padding-left:">
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						宣传展示
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						新闻资讯
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						活动表单
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						留言咨询
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						互动营销
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						小程序游戏
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						微信会员卡
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						会员时/次卡
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						礼品卡/卡券
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						生日营销
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						节日营销
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						消费唤醒
					</a>
					<a class="list-group-item" style="border: 0px solid #ccc;">
						<i class="fa fa-cloud text-orange"></i>
						RFM营销
					</a>
				</div>
			</div>
</div>-->
<div class="group-top">
     <div class="fui-list jump text-center">
                <a class="fui-list-inner" href="">
                    <div class="title bold" style="color: #333333;">没有比这更深度的行业应用场景</div>
                    <div class="text" style="color: #666666;">电商零售 餐饮 酒店 美业深度的行业应用场景 不做流于表面的小程序</div>
                 </a>
      </div>
</div>
<div style="padding:0.5rem" ng-repeat="(key,value) in pagedata.list">
<div class="form-group-title">
			{{value.title}}
</div>
<div class="fui-icon-group  col-2 selecter" style="border-top: 0px;">
	<a ng-repeat="item in value.apps" href="{{pagedata.site.aud_wxapp==1?'':item.url}}" class="fui-icon-col external" style="margin:0;padding:3px;">
		 <div style="background-color: #44abf7;padding:15px;">
				<div class="badge" style="background-color: {dotcolor};"></div>
				<div class="icon icon-green"><i class="fa fa-jsfiddle" style="color: #fff;"></i></div>
				<div class="text" style="color: #fff;">{{item.title}} [<span style="color:#f2f2f2">场景</span>]</div>
				<div class="subtitle" style="color: #ddd;">->{{pagedata.site.aud_wxapp==1?'暂时不支持演示':'点击查看演示'}}</div>
		 </div>
	</a>
	<div class="content-empty" style="margin-top:0.5rem" ng-if="!value.apps || value.apps.length == 0">
		<i class="fa fa-frown-o" style="font-size: 1.6rem;color: #999;"></i>
		<p style="color: #999;">该行业暂时没有场景套餐！</p>
	</div>
</div>
</div>
<div class="group-top">
     <div class="fui-list jump text-center">
                <a class="fui-list-inner" href="">
                    <div class="title bold" style="color: #333333;">99%的人都选错了小程序</div>
                     <div class="text" style="color: #666666;">如果你选择的小程序无法全网打通，就放弃吧！</div>
                 </a>
      </div>
</div>
<a href="javascript:;" ng-click="access_json(links('/user.login/'))" class="weui_btn weui_btn_primary" style="margin:0.5rem">我要加入</a>
